<template>
    <div class="cont">
      <div class="company" v-for="i in company" :key="i.id">
         <h1>{{i.companyname}}</h1>
         <div class="hrhr"></div>
         <p class="pp">{{i.comment}}</p>
         <label><i class="el-icon-location-information"></i> {{i.province}}-{{i.city}}-{{i.region}}</label>
      </div>
    </div>
</template>

<style lang="less" scoped>
.cont{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: calc(88vh);
    overflow: auto;
    background-color: #f6f6f8;
}
.company{
    width: 20%;
    height: 185px;
    padding-bottom: 20px;
    background-color: #fff;
    margin-left: 4%;
    margin-top: 20px;
    .pp,label{
        margin: 0;
        height: 30px;
        margin-left: 20px;
        color: rgb(126, 126, 126);
    }
    h1{
       margin: 0;
       text-align: center;
       color: #4b4b4b;
    }
    .pp{
        text-align: ri;
        margin-bottom: 10px;
    }
    .hrhr{
       width: 98%;
        border-top: 2px dashed rgb(172, 172, 172);
        margin: 0 auto;
    }
}
</style>

<script>
export default {
    data(){
       return{
           company:[]
       }
    },
    methods:{
        // getCompanyInfo(current,limit){
        //     depot.post({
        //         url:'empservice/company/pageCompany/'+current+"/"+limit,
        //         cb:(r)=>{
        //            console.log(r);
        //         }
        //     })
        // }
    },
    mounted:function(){
        depot.post({
                url:'empservice/company/pageCompany/'+1+"/"+100,
                data:{
                    "city": "",
                    "companyname": "",
                    "province": "",
                    "region": "",
                    "type": ""
                },
                cb:(r)=>{
                   console.log(r.data.records);
                   this.company = r.data.records
                }
            })
    }
}
</script>